<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <!-- 定义样式 -->
    <style type="text/css">
        /*解决form内部元素浮动引起的父元素高度塌陷问题*/
        form { overflow: hidden ; height: auto ; }
        /*使用标签选择器设置所有input的样式*/
        input {
            height: 30px ;
            line-height: 30px ;
            border-radius : 3px ;
            border: 1px solid #dedede ;
            outline: none ;
        }
        /*使用属性选择器设置文本框和密码框的样式*/
        input[type=text] , input[type=password]  { padding-left: 5px ;  }
    </style>
</head>
<body>
<!-- 创建表单 -->
<form action="/sign/in" method="POST" >
    <input type="text" name="username" placeholder="请输入用户名">
    <input type="password" name="password" placeholder="请输入密码">
    <input type="submit" value="登录">
</form>
</body>
</html>
